<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Add Organisation</title>

<link href="/MockProject_J2/resources/css/bootstrap.min.css"
	rel="stylesheet">
<link href="/MockProject_J2/resources/css/dataTables.bootstrap.css"
	rel="stylesheet">
<script type="text/javascript"
	src="/MockProject_J2/resources/js/jquery.min.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/scripts.js"></script>
<script src="/MockProject_J2/resources/js/bootbox.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/jquery-1.11.1.min.js"></script>
<script src="/MockProject_J2/resources/js/jquery-ui.js"></script>
<link rel="stylesheet"
	href="/MockProject_J2/resources/css/jquery-ui.css">
<link rel="stylesheet" type="text/css"
	href="/MockProject_J2/resources/css/lightness-jquery-ui.min.css" />
<script type="text/javascript"
	src="/MockProject_J2/resources/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/dataTables.bootstrap.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/jquery.validate.min.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/validateOrganisationScripts.js"></script>
<script type="text/javascript"
	src="/MockProject_J2/resources/js/lookupscripts.js"></script>


</head>
<style>
body {
	font-size: 140%;
	padding-top: 70px;
}

.myDialog {
	width: 120px;
	height: 40px;
	position
	({ my: "center" + "center",
	   at: "center"	+ "center",
	   of: window}),
}
</style>
<body>
<%@ include file="header.jsp" %>
	<div class="container">
		<h2>Add Organisation ${mess}</h2>
		<hr>
		<div class="tabbable">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#tab-1" data-toggle="tab">Details 1</a></li>				
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="tab-1">
					<form:form action="" method="post" commandName="organisation"
						class="form-horizontal">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
							<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
								<p></p>
								<div class="form-group">
									<label class="col-lg-4 control-label">Organisation Name
										*</label>
									<div class="col-lg-6">
										<form:input path="orgName" id="orgName" name="orgName"
											class="form-control" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Organisation
										Description *</label>
									<div class="col-lg-6">
										<form:textarea path="orgShortDescription"
											class="form-control " />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Lead Contact</label>
									<div class="col-lg-4">
										<input id="inputContactName" type="text" class="form-control"
											disabled="disabled" />
									</div>
									<a class="btn btn-primary btn-default" id="lookupcontact">
										<span class="glyphicon glyphicon-search"></span> Lookup
									</a>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Address Line 1 *</label>
									<div class="col-lg-6">
										<form:input path="addressLine1" type="text"
											class="form-control" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Address Line 2</label>
									<div class="col-lg-6">
										<form:input path="addressLine2" type="text"
											class="form-control" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Address Line 3</label>
									<div class="col-lg-6">
										<form:input path="addressLine3" type="text"
											class="form-control" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">PostCode *</label>
									<div class="col-lg-4">
										<input type="text" class="form-control" id="inputPostCode" disabled="disabled" />
									</div>

									<a class="btn btn-primary btn-default" id="lookupadress"> <span
										class="glyphicon glyphicon-search"></span> Lookup
									</a>

								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">City/Town</label>
									<div class="col-lg-6">
										<input type="text" class="form-control" id="inputTown" disabled="disabled"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">County</label>
									<div class="col-lg-6">
										<input type="text" class="form-control" id="inputCounty" disabled="disabled"  />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">National/Country</label>
									<div class="col-lg-6">
										<input type="text" class="form-control" id="inputCountry" disabled="disabled" />
									</div>
								</div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
								<p></p>
								<div class="form-group">
									<label class="col-lg-4 control-label">Preferred
										Organisation</label>
									<div class="col-lg-6">
										<form:checkbox path="preferredOrg" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Type of Business
										*</label>
									<div class="col-lg-4">
										<input type="text" id="inputBusiness" name="inputBusiness"
											class="form-control" disabled="disabled" />
									</div>

									<a class="btn btn-primary btn-default" id="lookupsic"> <span
										class="glyphicon glyphicon-search"></span> Lookup
									</a>


								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">SIC Code</label>
									<div class="col-lg-4">
										<form:input path="sic.sicCode" id="inputSICCode" class="form-control" type="text" readonly="true" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Phone *</label>
									<div class="col-lg-6">
										<form:input path="phoneNumber" class="form-control"
											id="inputPhone" name="inputPhone" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Fax</label>
									<div class="col-lg-6">
										<form:input path="fax" type="text" class="form-control" />
									</div>
								</div>								
								<div class="form-group">
									<label class="col-lg-4 control-label">WebAddress</label>
									<div class="col-lg-6">
										<form:input path="webAddress" type="text"
											class="form-control bfh-phone" name="inputWebAddress"
											id="inputWebAddress" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Charity Number</label>
									<div class="col-lg-6">
										<form:input path="charityNumber" type="text"
											class="form-control" id="inputcharityNumber" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-4 control-label">Company Number</label>
									<div class="col-lg-6">
										<form:input path="companyNumber" type="text"
											class="form-control" id="inputcompanyNumber" />
									</div>
								</div>
								<div class="form-group hide">
									<label class="col-lg-4 control-label">Adress ID</label>
									<div class="col-lg-6">
										<form:input path="address.addressID" id="inputaddressID"
											type="text" />
									</div>
								</div>
								<div class="form-group hide">
									<label class="col-lg-4 control-label">Contact ID</label>
									<div class="col-lg-6">
										<form:input type="text" path="contact.contactID"
											id="inputcontactID" />
										<input type="button" value="Lookup">
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-2 col-md-offset-5">
								<button type="submit" class="btn btn-success btn-default">Save</button>
								<a class="btn btn-danger btn-default" href="listactiveorganisation">Back</a>
							</div>
						</div>
					</form:form>
				</div>				
			</div>

		</div>
		
	</div>
	<%@ include file="footer.jsp" %>
	<div id="modaladdress" style="display: none;"></div>
	<div id="modalcontact" style="display: none;"></div>
	<div id="modalsic" style="display: none;"></div>
</body>
</html>